<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>武工大信息工程</title>
    <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon" />

    <!-- Bootstrap -->
    <link href="cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
    <link href="/static/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="/static/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- Datatables -->
    <link href="/static/vendors/datatables.net-bs/css/dataTables.bootstrap.min.css" rel="stylesheet">
    <link href="/static/vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css" rel="stylesheet">
    <link href="/static/vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css" rel="stylesheet">
    <link href="/static/vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css" rel="stylesheet">
    <link href="/static/vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css" rel="stylesheet">
    <!-- Custom Theme Style -->
    <link href="/static/css/custom.css" rel="stylesheet">

    <style>
        .main_container .top_nav {
          display: block;
          margin-left: 0px;
        }

        .nav-md .container.body .right_col {
          padding: 10px 20px 0;
          margin-left: 0px;
        }

        footer {
          margin-left: 0px;
        }
        .pagination {
            float: right;
        }
        .dataTables_paginate li.active a {
            background-color: #1abb9c !important;
        }
    </style>

    <!-- jQuery -->
    <script src="/static/vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="/static/vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <!-- Datatables -->
    <script src="/static/vendors/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="/static/vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
    <script src="/static/vendors/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="/static/vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js"></script>
    <script src="/static/vendors/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="/static/vendors/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="/static/vendors/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="/static/vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js"></script>
    <script src="/static/vendors/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
    <script src="/static/vendors/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
    <script src="/static/vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js"></script>
    <script src="/static/vendors/datatables.net-scroller/js/dataTables.scroller.min.js"></script>
</head>
<body class="nav-md">
<div class="container body">
    <div class="main_container">
        <!-- 头部 -->
        {% include "fragement/header.html" %}

        <!-- page content -->
        <div class="right_col" role="main">
            <div class="">
                <!-- 父子继承页面内容区 -->
                {% block content %}
                {% endblock content %}
            </div>
        </div>

        <!-- 尾部 -->
        {% include "fragement/footer.html" %}
    </div>
</div>

<!-- Custom Theme Scripts -->
<script src="/static/js/custom.min.js"></script>
</body>

</html>